<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>Recipes mockup v2</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
	<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
	<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="jquery.mobile-1.0.1.min.js"></script>
	
<style>
._ui-content{margin: 0; padding: 0}
</style>
</head>

<body>
<div data-role="page" id="checken-nugget-recipe" data-title="Recipes - Categories"><div data-role="content">
	<div data-role="header"><h1>Chicken nuggets</h1></div>
	
<!--	<div data-theme="a">-->
	<br />
	<div class="ui-body ui-body-a" data-theme="a">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
		sed do eiusmod tempor incididunt ut labore et dolore magna 
		aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
		ullamco laboris nisi ut aliquip ex ea commodo consequat. 
		Duis aute irure dolor in reprehenderit in 
	</div>
	
	<a href="#" data-role="button">Play recipe</a>
	<ul data-role="listview" data-inset="true" >
		<li><b>Duration</b>: 1hour 20mins </li>
		<li><b>Difficulty</b>: Easy </li>
		<li><b>Yummy</b>: 4/5
		<span data-role="controlgroup"  data-type="horizontal">
		<a href="#" title="4/5" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">.</a>
		<a href="#" title="4/5" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">.</a>
		<a href="#" title="4/5" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">.</a>
		<a href="#" title="4/5" data-role="button" data-icon="check" data-iconpos="notext" data-theme="a" data-inline="true">.</a>
		<a href="#" title="4/5" data-role="button" data-icon="check" data-iconpos="notext" data-theme="c" data-inline="true">.</a>
		</span>
		</li>
		<li><b>Tags</b>: Kids, finger food</li>
	</ul>

<!-- 	<hr /> -->
	<div data-role="navbar">
		<ul>
			<li><a href="mockup2-page2.html" data-icon="home" data-rel="back" >Meat recipes</a></li>
		</ul>
	</div>
</div></div>

v2
</body>
</html>
